<nz-card>
    <nz-list [nzBordered]="false">
        <nz-row>
            <nz-list-item id="searchPart">
                &nbsp;
                &nbsp;
                <div id="bigLog">
                    <span>日志大类：</span>
                    &nbsp;
                    <nz-select (ngModelChange)="reload('logType1',$event)" [(ngModel)]="firstSelect"
                               nzPlaceHolder="全部">
                        <nz-option *ngFor="let i of logBigCodes" [(ngModel)]="logBigCodes" nzLabel="{{i.name}}"
                                   nzValue="{{i.code}}"></nz-option>
                    </nz-select>
                </div>

                <div id="smallLog">
                    <span>日志小类：</span>
                    &nbsp;
                    <nz-select (ngModelChange)="reload('logType2',$event)" [(ngModel)]="secondSelect"
                               id="smallSelect"
                               nzPlaceHolder="全部">
                        <nz-option *ngFor="let i of logSmallCodes" nzLabel="{{i.name}}"
                                   nzValue="{{i.code}}"></nz-option>
                    </nz-select>
                </div>

                <div id="userSearch">
                    <span>操作用户：</span>
                    &nbsp;
                    <input [(ngModel)]="userValue" nz-input placeholder="请输入查询内容" style="width: 200px" type="text"/>

                </div>

                <div id="ipSearch">
                    <span>操作IP：</span>
                    &nbsp;
                    <input [(ngModel)]="ipValue" nz-input placeholder="请输入查询内容" style="width: 200px" type="text"/>
                </div>

            </nz-list-item>
        </nz-row>
        <nz-row>
            <nz-list-item id="searchPart3">
                &nbsp;
                &nbsp;
                <div id="logTime">
                    <div (ngModelChange)="reload('date',$event)" [(ngModel)]="date" nzButtonStyle="solid"
                         nzSize="small">
                        <span>筛选时间：</span>
                        &nbsp;
                        <nz-range-picker
                            (nzOnOk)="onOk($event)"
                            [(ngModel)]="dateRange"
                            [nzPlaceHolder]="['开始时间', '结束时间']"
                            [nzShowTime]="{ nzFormat: 'HH:mm:ss' }"
                            nzFormat="yyyy-MM-dd HH:ss"
                        >
                        </nz-range-picker>
                        &nbsp;&nbsp;
                        &nbsp;&nbsp;
                        <button (click)="doSearch()" id="searchBtn" nz-button><i nz-icon
                                                                                 nzType="search"></i>搜索
                        </button>
                        <button (click)="reset()" id="redoBtn" nz-button><i nz-icon nzType="redo"></i>重置
                        </button>
                    </div>
                </div>
            </nz-list-item>
        </nz-row>
    </nz-list>
    <!--    <input (ngModelChange)="searchByInput()" style="width: 200px" type="text" nz-input placeholder="请输入查询内容"-->
    <!--           [(ngModel)]="searchForm.ip"/>-->


    <base-grid
        #baseGrid
        [columns]="columns"
        [customContent]="customContent"
        [name]="'日志'"
        [schema]="schema"
        [searchForm]="searchForm"
        [showAdd]="false"
        [showDelete]="false"
        [showModify]="false"
        [showOperateDelete]="false"
        [showOperateModify]="false"
        [showRefresh]="false"
        [usePage]="true"
    >
    </base-grid>
    <ng-template #customContent let-node>
        <div class="total">
            共<span class="total-value">{{baseGrid.total}}</span>宗
        </div>
    </ng-template>
</nz-card>
